<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui" />
    <meta name="format-detection" content="telephone=no, email=no" />
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/fangmama.css">
    <link rel="stylesheet" href="css/swiper.min.css">
    <link rel="stylesheet" href="css/datepicker.css">
    <script src="js/jquery-1.9.1.js"></script>
    <script src="js/swiper3.0.8.min.js"></script>
    <script type="text/javascript" src="js/date.js" ></script>
    <script type="text/javascript" src="js/iscroll.js" ></script>
    <title>2.8</title>
</head>
<body ontouchstart="" class="smaple-height-full">
    <div class="smaple-1 smaple-color-1"><span>1</span></div>
    <div class="smaple-2 smaple-color-2"><span>2</span></div>
    <div class="smaple-3 smaple-color-1"><span>3</span></div>
    <div class="smaple-4 smaple-color-2"><span>4</span></div>
    <div class="smaple-5 smaple-color-1"><span>5</span></div>
    <div class="smaple-6 smaple-color-2"><span>6</span></div>
    <div class="smaple-7 smaple-color-1"><span>7</span></div>
    <div class="smaple-8 smaple-color-2">
        <div class="smaple-tab">
            <a href="javascript:;" class="on"><span>开始租房</span></a>
            <a href="javascript:;"><span>业主托管</span></a>
        </div>
        <div class="smaple-tabcon">
            <div class="swiper-wrapper">
                <div class="smaple-model swiper-slide">
                    <p><input type="text" placeholder="请输入您的姓名"></p>
                    <p><input type="number" placeholder="请输入您的手机号"></p>
                    <p><input type="text" placeholder="请输入您房子所在小区"></p>
                    <p><select><option>租金范围</option></select><em><i class="iconfont">&#xe617;</i></em></p>
                    <p><input type="text" class="smaple-time" placeholder="搬家时间" id="smapleTime"><em><i class="iconfont">&#xe617;</i></em></p>
                    <div class="smaple-sub"><input type="button" value="提交"></div>
                </div>
                <div class="smaple-model swiper-slide">
                    <p><input type="text" placeholder="请输入您的姓名"></p>
                    <p><input type="number" placeholder="请输入您的手机号"></p>
                    <p><input type="text" placeholder="请输入您房子所在小区"></p>
                    <div class="smaple-sub"><input type="button" value="提交"></div>
                </div>
            </div>
        </div>
    </div>
    <div id="datePlugin"></div>
</body>
</html>
<script>
    var mySwiper = new Swiper('.smaple-tabcon',{
        speed:500,
        onSlideChangeStart: function(){
            $(".smaple-tab a").removeClass('on')
            $(".smaple-tab a").eq(mySwiper.activeIndex).addClass('on')
        }
    })
    $(".smaple-tab a").on('touchstart mousedown',function(e){
        e.preventDefault()
        $(".trip-layout .on").removeClass('on')
        $(this).addClass('on')
        mySwiper.slideTo( $(this).index() )
    })
    $(".smaple-tab a").click(function(e){
        e.preventDefault()
    })

    $('#smapleTime').date();
</script>



